<template>
    <div class="student-profile">
        <!-- 头像框 -->
        <el-avatar shape="square" :size="300" :src="studentData.headimgurl"></el-avatar>
        <!-- 描述列表 -->
        <el-descriptions title="学员资料" direction="vertical" :column="3" border>
        <el-descriptions-item label="sId">{{studentData.sId}}</el-descriptions-item>
        <el-descriptions-item label="姓名">
            <el-tag type="success" effect="dark">{{studentData.name}}</el-tag>
        </el-descriptions-item>
        <el-descriptions-item label="年龄">{{studentData.age}}</el-descriptions-item>
        <el-descriptions-item label="班级" >{{studentData.class}}</el-descriptions-item>
        <el-descriptions-item label="学历">
            <el-tag size="small">{{studentData.degree}}</el-tag>
        </el-descriptions-item>
        <el-descriptions-item label="项目地址">{{studentData.productUrl}}</el-descriptions-item>
        <el-descriptions-item label="描述">{{studentData.description}}</el-descriptions-item>
        <el-descriptions-item label="城市">{{studentData.city}}</el-descriptions-item>
        <el-descriptions-item label="创建时间">{{studentData.cTime}}</el-descriptions-item>
        </el-descriptions>

        <!-- 按钮 -->
        <el-button type="primary" @click="back">点击返回列表</el-button>
    </div>
</template>

<script>
    export default{
        meta:{
            title:'xyzl',
            name:'学员资料',
            icon:'iconfont icon-shuju1'
        },
        methods:{
			back(){
				this.$router.push({path: '/studentManager/studentproduct',})
			}
		},
        data(){
            return{
                studentData:{}
            }
        },
        created(){
            let row = this.$route.query
            console.log(row);
            this.studentData = row
            console.log(this.studentData);
            
        },
        mounted(){
            // console.log(studentData);
        }
    
    }
</script>